﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>homePage</title>
    
    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.0.6/css/ui-light.css" rel="stylesheet">
    <script src="//Microsoft.WinJS.0.6/js/base.js"></script>
    <script src="//Microsoft.WinJS.0.6/js/ui.js"></script>

    <!-- Windows Live reference -->
    <script type="text/javascript" src="ms-appx:///LiveSDKHTML//js/wl.js"></script>
    
    <link href="/css/default.css" rel="stylesheet">
    <link href="/css/homePage.css" rel="stylesheet">
    <script src="/js/ListItems.js"></script>
    <script src="/js/homePage.js"></script>
</head>
<body>
    <div id="rootGrid" class="fragment homepage">
        <progress class="win-large" id="wait" style="display: none;"></progress>
    <header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back" disabled></button>
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle">ECHeper</span>
            </h1>
	<div style="display:-ms-grid; -ms-grid-columns: 55fr 5fr 40fr; -ms-grid-rows: 1fr 1fr; -ms-grid-column:3; -ms-grid-row:1;-ms-grid-row-align:end;">
		<div id="myName" class="Name" style="-ms-grid-row-align: end; -ms-grid-column-align: end; font-size:28px"></div>
		<div id="signinbutton" style="-ms-grid-column: 1;-ms-grid-row: 2; -ms-grid-column-align: end; -ms-grid-row-align: end;"></div>
		<div id="image" style="width:90px;height:90px;-ms-grid-column: 3;-ms-grid-row: 1;-ms-grid-row-span:2; -ms-grid-row-align: end;"></div>
	</div>
        </header>
    <section aria-label="Main content" role="main" style="margin-left: 120px;">
        <div id="mainFrame" style="display: -ms-grid;-ms-grid-columns: 1060px 100px 1fr;-ms-grid-rows: 530px 50px 1fr;">
            <canvas id="myECG" width="1200" height="900"></canvas>
            <div style="-ms-grid-column: 2;display: -ms-grid;-ms-grid-rows: 1fr 1fr 1fr;width: 100px;height: 400px;float: left;">
            <div id="startdiv"></div>
            <div id="uploaddiv"></div>
            <div id="deletediv"></div>
           </div>
            <div style="-ms-grid-row: 2;word-break: keep-all;white-space: nowrap;">
                <h2 style="color: #009D1A;font-weight: 300;float: left">mm/mV   1 square = 0.04 sec/0.1mV&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h2>
                <h2 style="color: #009D1A;font-weight: 300;float: right">bpm</h2>
                <h1 id="heartrate" style="color: #009D1A;font-weight: 300;float: right"></h1>
            </div>
        </div>
    </section>
        </div>
	<div data-win-control="WinJS.UI.AppBar">
        <button id="profilebutton" data-win-control="WinJS.UI.AppBarCommand" data-win-options="{icon:'sync', id:'', label:'profile', onclick:null, section:'global'}"></button>
        <button id="homebutton" data-win-control="WinJS.UI.AppBarCommand" data-win-options="{icon:'home', id:'', label:'Home', onclick:null, section:'global'}"></button>
		<button id="outpatientbutton" data-win-control="WinJS.UI.AppBarCommand" data-win-options="{icon:'mail', id:'', label:'Outpatient', onclick:null, section:'global'}"></button>
		<button id="emergencybutton" data-win-control="WinJS.UI.AppBarCommand" data-win-options="{icon:'message', id:'', label:'Emergency', section:'global'}"></button>
        <button id="recordbutton" data-win-control="WinJS.UI.AppBarCommand" data-win-options="{icon:'list', id:'', label:'Record', onclick:null, section:'global'}"></button>
        <button id="contactbutton" data-win-control="WinJS.UI.AppBarCommand" data-win-options="{icon:'contact', id:'', label:'Contact', onclick:null, section:'global'}"></button>
	</div>
</body>
</html>
